
// .lowcode-listpage-card-cnt {
//   display: flex;
// }

.lowcode-nav-wrap {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  width: 100%;
}

.lowcode-card-btm-btns-wrap{
  margin-top: 20rpx;
  display: flex;
  align-items: center;
  justify-content: right;
}

.lowcode-card-btm-btn {
  margin-left: 20rpx;
  margin: 0 0 0 20rpx;
}

.lowcode-card-btm-btn-more {
  flex-grow: 1;
}

.lowcode-part-bezier {
  position: absolute;
  left: -20rpx;
  top: 2rpx;
  width: 25rpx;
  height: 25rpx;
  &.primary_detail {
    background-color: $uni-color-tips;
  }
  &.warning_detail {
    background-color: $uni-color-warning;
  }
  &.success_detail {
    background-color: $uni-color-success;
  }
  &.error_detail {
    background-color: $uni-color-error;
  }
  &.invalid_detail {
    background-color: $uni-color-invalid;
  }
}

.lowcode-quarter-circle {
  left: -6rpx;
  width: 26rpx;
  height: 26rpx;
  position: absolute;
  border-radius: 0 26rpx 0 0;
  background-color: #FFF;
}

.lowcode-title-line {
  width: 100%;
  height: 1rpx;
  margin: 15rpx 0;
  background: $uni-line-color;
}

.lowcode-list-view {
  overflow-y: auto;
  margin-top: 20rpx;

  .list_cell:first-child {
    margin-top: 0;
  }
}

.lowcode-page-btm-btns-wrap {
  position: absolute;
  bottom: 0;
  z-index: 10;
  background-color: #FFF;
  width: 100%;
  padding: 20rpx 0;
  display: flex;
  align-items: center;
  justify-content: right;

  .lowcode-page-btm-btn {
    margin: 0 0 0 20rpx;
    &:last-child {
      margin-right: 20rpx;
    }
  }

  .lowcode-card-btm-btn-more {
    margin-left: 20rpx;
  }
}

.lowcode-page-sub-card-panel {
  margin-top: 15rpx;
  padding: 15rpx;
  background-color: #F7FBFC;
}


@mixin lowcode-flex {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
}

.lowcode-create-popup-wrap {
	height: 80%;
}

.lowcode-popup-content {
  @include lowcode-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}

.lowcode-popup-title {
  width: 100%;
  height: 84rpx;
  background: #FFFFFF;
  border-radius: 40rpx 40rpx 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: $uni-text-color-secondary;
  font-size: $uni-font-size-level1;
  line-height: 45rpx;
  text-align: center;
  position: relative;
}
.lowcode-popup-cancel {
  position: absolute;
  right: 32rpx;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.lowcode-popup-default-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: $uni-bg-color-inverse;
  display: flex;
  flex-direction: column;
  border-top: 1rpx solid $uni-line-color;
}

.lowcode-popup-bottom {
  display: flex;
  background-color: #FFF;
  padding: 20rpx 20rpx 15rpx 20rpx;
}
